<template>
  <div class="vmain">
    <div class="container">
      <div class="main-left"></div>
      <div class="main-right"></div>
    </div>
  </div>
</template>
           
<script>
export default {};
</script>
<style lang="scss" scoped>
.vmain {
  width: 100%;
  height: 100%;
  padding: 70px 20px 18px 20px;
  box-sizing: border-box;
  .container {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 100%;
    .main-left {
      width: 240px;
      height: 100%;
      background-color: blue;
    }
    .main-right {
      flex: 1;
      width: 100%;
      height: 100%;
      background-color: peru;
      border-top: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      box-shadow: 2px 2px 5px #cccccc;
    }
  }
}
</style>